<script lang="ts" setup>
import navMenu from '@/components/layout/menu/index.vue'
import playFooter from '@/components/layout/footer/index.vue'

</script>
<template>
    <div class="module">
        <div class="module-left">
            <nav-menu />
        </div>
        <div class="module-main">
            <router-view />
            <play-footer/>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.module {
    display: flex;
    height: 100%;
    width: 100%;

    .module-left {
        padding: 10px;
        width: 200px;
        height: 100%;
        flex-wrap: nowrap;
        background-color: #E6E7E8;
    }

    .module-main {
        flex: 1;
        height: 100%;
        overflow: auto;
        background-color: white;
    }
}
</style>